<template>
  <div class="dataCard">
    <div
      class="dataCard-item"
      v-for="(item, index) in dataCardList"
      :key="index"
    >
      <div class="dataCard-item-top">
        <div class="dataCard-item-top-content">
          <div class="dataCard-item-top-block"></div>
          <span>{{ item.title }}</span>
        </div>
      </div>
      <div class="dataCard-item-middle">
        <div class="dataCard-item-middle-content">
          <img src="../../../../../assets/images/后台图标.png" alt="" />
          <div class="dataCard-item-text">
            <span class="dataCard-item-text-title">累计使用人次</span>
            <span class="dataCard-item-text-num">{{ item.accumulaNum }}</span>
          </div>
        </div>
      </div>
      <div class="dataCard-item-bottom">
        <span class="dataCard-item-bottom-title">日使用人次</span>
        <span>{{ item.dayNum }}</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    dataCardList: Array
  },
  data() {
    return {
    }
  },
}
</script>